<template>
  <div class="zhyp-left">
    <AreaSafety />
    <EvolutionTrends />
    <DecisionSupport />
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';
import AreaSafety from './areaSafety/index.vue';
import EvolutionTrends from './evolutionaTrends/index.vue';
import DecisionSupport from './decisionSupport/index.vue';

defineComponent({ name: 'ZhypLeftComp' });
</script>

<style scoped lang="scss">
.zhyp-left {
  @apply w-[1128px] h-[calc(100%-34px)] flex flex-col justify-between absolute left-[85px] top-0;
}
</style>
